//  入驻审核表信息表单自定义样式
.app-form.under-review-info-form {
  margin: 10px 20px;
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0px 10px 20px 0px rgb(57 123 216 / 30%);
  height: auto;
  .app-form-group {
    margin: 10px;
    padding-top: 10px;
    background: #fff;
    width: calc(100% - 20px);
  }
  .app-form-item {
    --inner-border-width: 0px;
    --background: #fff;
    color: #333333;
    .native-input {
      text-align: right;
    }
    &.item-has-value ion-label {
      color: #686b73;
    }
    //  状态图片
    &.status-pic {
      .img-container {
        width: 100%;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px;
        img {
          width: 80px;
          height: 80px;
        }
      }
    }
    //  状态信息
    &.status-info {
      padding-bottom: 10px;
      .info {
        width: 100%;
        text-align: center;
        font-size: 16px;
        font-weight: 600;
      }
    }
    //  分隔符
    &.divider {
      height: 1px;
      width: calc(100% - 20px);
      margin: 0 10px;
      border-bottom: 1px dashed #b3b5b9;
    }
    //  审核信息
    &.info-content .message {
      width: 100%;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 10px;
      font-size: 16px;
      font-weight: 600;
    }
    //  审核理由
    &.examine-reason {
      padding-bottom: 10px;
      .content {
        width: 100%;
        text-align: center;
        font-size: 12px;
        color: #ff6648;
        white-space: pre-line;
      }
    }
    .under-reviewing {
      --inner-border-start: 0px;
      --inner-botder-end: 0px;
      width: 100%;
      text-align: center;
      font-size: 12px;
      padding-bottom: 10px;
    }
    //  营业执照
    .app-mobile-picture {
      width: 100%;
      .van-uploader {
        width: 100%;
        .van-uploader__wrapper {
          width: 100%;
          .van-uploader__preview {
            width: 100%;
            .van-uploader__preview-image {
              width: 100%;
              height: 100%;
            }
          }
        }
      }
    }
  }
}

.index-workbench-dashboard {
  bottom: -1px !important;
  ion-header {
    display: none;
  }
  ion-content {
    .app-mob-dashboard {
      padding-top: 0;
      background: #FFF;
    }
  }
  ion-content::part(scroll) {
    &::before {
      bottom: 0;
    }
  }
  //  嵌入视图
  .manager-info-basic-info-view,.manager-info-my-basic-info-view.view-container .manager_info-form {
    .form-group-content {
      justify-content: center;
    }
    .app-form-item {
      text-align: center;
      --inner-border-width: 0px;
      --background: transparent;
      //  头像
      &.form-item-org_pic .app-mobile-picture {
        width: 100%;
        padding-top: 10px;
        .van-uploader__upload {
          border-radius: 50%;
          margin: 0;
          border: 3px solid #fff;
          box-shadow: 0px 2.5px 5px 0px rgba(0, 0, 0, 0.5);
        }
        .van-uploader__preview {
          margin: 0;
          .van-uploader__preview-image {
            width: 70px;
            height: 70px;
            img {
              border-radius: 50%;
              border: 3px solid #fff;
              box-shadow: 0px 2.5px 5px 0px rgba(0, 0, 0, 0.5);
            }
          }
        }
      }
      //  组织
      &.form-item-org_name {
        .app-mob-span {
          font-size: 16px;
          font-weight: 600;
          color: #fff;
          ion-input {
            --padding-top: 0;
            --padding-bottom: 0;
            .native-input {
              padding-right: 0;
            }
          }
        }
      }
      //  账户
      &.form-item-manager_name .form-item-manager-name {
        font-size: 12px;
        color: #fff;
        margin-top: -10px;
        width: 100%;
        .info {
          padding-left: 10px;
        }
      }
    }
  }
  //  头部容器样式
  .dashboard-header-container {
    position: relative;
    .header-bg {
      position: absolute;
      width: 100%;
      height: 210px;
    }
    .dashboard-item {
      margin: 0 16px;
      background: transparent;
      //  嵌入视图
      &.view {
        .app-mob-portlet {
          background: transparent;
        }
      }
      //  应用菜单
      &.appmenu {
        box-shadow: 0px 10px 20px 0px rgba(57, 123, 216, 0.3);
        .app-mob-menu-ionic-view {
          ion-col {
            padding: 10px;
          }
          .tab-has-label {
            ion-label {
              padding-top: 4px;
              font-weight: 600;
            }
          }
          img {
            width: 45px;
            height: 45px;
          }
        }
      }
    }
  }
  .dashboard-item {
    //  列表
    .app-mob-portlet {
      .app-mob-portlet__header {
        font-size: 18px;
        position: relative;
        .info {
          padding-left: 12px;
        }
        &::before {
          content: '';
          position: absolute;
          top: 11px;
          width: 4px;
          border-radius: 2px;
          height: 18px;
          background-image: linear-gradient(rgba(66, 143, 252, 0.6), rgba(66, 143, 252, 1));
        }
      }
    }
  }
}

//  首页工作台经营状况
.business-situtaion-list-dashboard {
  .app-layoutpanel-container.container-box-shadow {
    height: 88px;
    margin: 10px;
    width: calc(100% - 20px);
    border-radius: 6px;
    box-shadow: 0px 0px 20px 2px #F0F1F3;
  }

  .app-mob-mdctrl {
    ion-item-sliding.app-mob-mdctrl-item {
      padding-top: 8px;
    }
  }
  .app-layoutpanel-container.container-border {
    margin: 0 5px;
    height: 120px;
    background-color: #FFF;
    border-radius: 10px;
    border: none;
    box-shadow: 0px 0px 10px 2px #F0F1F3;
    > div {
      border: none !important;
      .app-layoutpanel-rowitem {
        > img {
          width: 50px;
          height: 50px;
        }
      }
    }
    &:first-child {
      margin-left: 10px;
    }
    &:last-child {
      margin-right: 10px;
    }
  }
  .app-layoutpanel-field.text-center-mob {
    font-size: 22px;
    padding-bottom: 4px;
    font-weight: 600;
  }
  .app-layoutpanel-rowitem {
    font-size: 12px;
    font-weight: 400;
  }
}

//  编辑表单底部纵向排列工具栏
.editview-bottom-vertical-toolbar {
  display: flex;
  flex-direction: column;
  .app-mob-button {
    height: 45px;
    --border-radius: 25px;
    width: calc(100% - 40px);
    margin: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    &:first-child {
      margin-top: 10px;
    }
    &:last-child {
      margin-bottom: 10px;
    }
  }
}

.searchform {
  .view-title{
    width: calc(100% - 180px);
  }
  .van-radio__label {
    margin-left: 8px;
    color: #323233;
    line-height: 20px;
    font-size: 14px;
  }
  .app-form-item{
    .label-stacked.sc-ion-label-ios-h {
      margin-bottom: 4px;
      font-size: 14px;
  }
  }
  ion-label.item-has-value{
    margin-bottom: 4px;
  }
  .app-form-item.item-has-value > ion-label.item-has-value {
    color: #afafaf;
    font-size: 14px;
  }
}